/**
 * Created with BlueStream
 * Date: 13. 6. 1
 * Time: 오후 5:41
 * Writer: 강석민
 */
window.onload = function () {

    var page = document.getElementById("sample_page");

    /**첫 번째 영역에 추가하기*/
    var str = "<p style='border:  red solid 1px'>추가내용</p>";
    page.innerHTML = str + page.innerHTML;

    /**두 번째 영역에 추가하기*/
    var content = document.getElementById("content");
    var div = window.document.createElement("div");
    div.style.border = "blue solid 2px";
    div.innerHTML = "생성할 노드가 많은 경우 <span class='myStle'>어떤 방법을</span>써야할까요?";
    page.insertBefore(div,content);

    /**세 번째 영역에 추가하기*/
    var str2 = "<p style='border:  green solid 3px'>추가내용2</p>";
    page.innerHTML = page.innerHTML + str2;
}





















